<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<!-- <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
	<!-- <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
</head>
<body>
	<div id="test"></div>
	<!-- <div id="test" style="margin-top: 100px;margin-left: 100px;width:600px;height:300px"></div> -->
	<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
	<script type="text/javascript" src="jPage-1.1.js"></script>
	<script type="text/javascript">
		var count=12;
		$("#test").page({count:12,pageSize:3,skipPart:true});
		$(document).on('click','#test .pagination_search',function(){
			if($(document).find("#test .pagination_change_page").val()==""){
				alert("跳转页码不能为空");
			}else{
				var num=parseInt($(document).find("#test .pagination_change_page").val());
				$("#test").page({count:12,pageNo:num,pageSize:3,skipPart:true});
			}
		});

		$(document).on("click","#test .pagination li",function(){
			var num=$(this).attr("num");
			if($(this).attr("class")=="disabled"){
				return false;
			}
			if(num==0 || num==(count+1)){

			}else{
				$("#test").page({count:12,pageNo:num,pageSize:3,skipPart:true});
			}
		});
	</script>
</body>
</html>